<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link rel="stylesheet" href="../css/mui.min.css" />
<link rel="stylesheet" href="../css/app.css" />
<style type="text/css">
    .phead {
        height: 200px;
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
    }
    .phead.immersion {
        height: 220px;
    }
    .bglayer {
        background-image: url(../images/1.jpg);
        height: 100%;
        -webkit-filter: blur(8px);
        filter: blur(8px);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
	.headimg {
	    width: 90px;
	    height: 90px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -45px;
	    margin-left: -45px;
	    border-radius: 50%;
	    border: 2px solid rgba(255,255,255,.5);
	    background-image: url(../images/74A5897D376A.jpg);
	    -webkit-background-clip: padding-box;
	    background-clip: padding-box;
	}
	.phead.immersion .headimg {
	    margin-top: -25px;
	}
</style>
</head>
<body>
    <div class="mui-content">
        <div id="phead" class="phead">
            <div class="bg-cover bglayer"></div>
            <div class="bg-cover headimg"></div>
        </div>
        <ul id="list1" class="mui-table-view">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    Item 1
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                     Item 2
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                     Item 3
                </a>
            </li>
        </ul>
        <ul id="list2" class="mui-table-view">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    设置
                </a>
            </li>
        </ul>
    </div>
    <script src="../js/mui.min.js"></script>
    <script src="../js/app.js"></script>
    <script src="../js/main.my.js"></script>
</body>
</html>